<template>
	<view class="content bg">
		<view class="dropDown">
			<wyb-drop-down ref="dropDown" :options="options" @change="onHeaderSelect" @select="onItemSelect">
			</wyb-drop-down>
			<view style="width: 100%; height:100rpx">
				1111111111111111111
			</view>
		</view>
		<view class="list">
			<view class="list-item">
				<view class="list-item-title">
					<image src="../../static/my-application/1.jpg" style="width: 44rpx;
						height: 44rpx;
						margin-right: 13rpx;" mode=""></image>
					<view class="text">
						标题标题 标题标题 标题标题 标题标题 标题标题 标题标题 标题标题 
					</view>
				</view>
				<view class="list-item-content">
					<view class="content-left">
						<view>
							申请预算：2360元
						</view>
						<view style='margin-top: 10rpx;'>
							申请时间：2022-09-09 12:09:30
						</view>
					</view>
					<view class="content-right">
						<image src="../../static/my-application/dsh.png" style="width: 105rpx;height:105rpx;margin-right:50rpx"
							mode=""></image>
					</view>
				</view>
			</view>
			<view class="list-item">
				<view class="list-item-title">
					<image src="../../static/my-application/1.jpg" style="width: 44rpx;
						height: 44rpx;
						margin-right: 13rpx;" mode=""></image>
					<view class="text">
						标题标题 标题标题 标题标题 标题标题 标题标题 标题标题 标题标题 
					</view>
				</view>
				<view class="list-item-content">
					<view class="content-left">
						<view>
							申请预算：2360元
						</view>
						<view style='margin-top: 10rpx;'>
							申请时间：2022-09-09 12:09:30
						</view>
					</view>
					<view class="content-right">
						<image src="../../static/my-application/shbh.png" style="width: 105rpx;height:105rpx;margin-right:50rpx"
							mode=""></image>
					</view>
				</view>
			</view>
			<view class="list-item">
				<view class="list-item-title">
					<image src="../../static/my-application/1.jpg" style="width: 44rpx;
						height: 44rpx;
						margin-right: 13rpx;" mode=""></image>
					<view class="text">
						标题标题 标题标题 标题标题 标题标题 标题标题 标题标题 标题标题 
					</view>
				</view>
				<view class="list-item-content">
					<view class="content-left">
						<view>
							申请预算：2360元
						</view>
						<view style='margin-top: 10rpx;'>
							申请时间：2022-09-09 12:09:30
						</view>
					</view>
					<view class="content-right">
						<image src="../../static/my-application/yqx.png" style="width: 105rpx;height:105rpx;margin-right:50rpx"
							mode=""></image>
					</view>
				</view>
			</view>
			 <view class="list-item">
				<view class="list-item-title">
					<image src="../../static/my-application/1.jpg" style="width: 44rpx;
						height: 44rpx;
						margin-right: 13rpx;" mode=""></image>
					<view class="text">
						标题标题 标题标题 标题标题 标题标题 标题标题 标题标题 标题标题 
					</view>
				</view>
				<view class="list-item-content">
					<view class="content-left">
						<view>
							申请预算：2360元
						</view>
						<view style='margin-top: 10rpx;'>
							申请时间：2022-09-09 12:09:30
						</view>
					</view>
					<view class="content-right">
						<image src="../../static/my-application/shtg.png" style="width: 105rpx;height:105rpx;margin-right:50rpx"
							mode=""></image>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	//https://ext.dcloud.net.cn/plugin?id=2650
	import wybDropDown from '@/pages/components/wyb-drop-down/wyb-drop-down.vue'
	export default {
		data() {
			return {
				options: [{
					header: '审批科目',
					contents: ['选项5', '选项6', '选项7', '选项8']
				}, {
					header: '状态',
					contents: ['选项9', '选项10', '选项11', '选项12']
				}]
			}
		},
		methods: {
			onHeaderSelect(e) {
				console.log(e)
			},
			onItemSelect(e) {
				console.log(e)
			}
		}
	}
</script>

<style lang='scss' scoped>
	uni-page-body{
		width: 100%;
		height: 100%;
	}
	.content {
		width: 100%;
		height: 100%;
		background-color: #f4f4f4;
		box-sizing: border-box;
		.dropDown {
			.wyb-drop-down-header-item {
				border: none;
			}
		}

		.list {
			.list-item {
				margin-top: 10rpx;
				background-color: #fff;
				padding: 0 36rpx;
				.list-item-title {
					height: 100rpx;
					border-bottom: 1px solid #ddd;
					font-size: 32rpx;
					font-weight: 500;
					padding: 36rpx 0;
					image {
						float: left;
					}
				}
				.list-item-content {
					height: 138rpx;
					display: flex;
					width: 100%;
					justify-content: space-between;
					padding-top: 24rpx;
					.content-left {
						padding-left: 57rpx;
						color: #5c5c5c;
						font-size: 30rpx;
						font-weight: 500;
					}

				}
			}
		}
	}
</style>
